{% extends "admin/base_site.html" %}
{# Empty centered sidebar as now we use sidebar in content block#}
{% block sidebar_content %}{% endblock %}
{% block content %}

<script type="text/javascript">
	app.directive('appCell',function () {
		return {
			restrict:'AE',
			replace:true,
			scope:{
				applist:'='
				},   //  <span class='appLogo'></span>\
			template:"<ul>\
                        <li ng-repeat='app in applist'>\
                            <span class='appInfo'>\
                                <span class='appName' ng-bind='app.appcode'></span>\
                                <span class='grays versionNum' ng-bind='app.version'>V1.2</span>\
                                <span class='grays temeNum' ng-bind='app.team'>Squad 1</span>\
                            </span>\
                        </li>\
                    </ul>",
		}
	})

	app.controller('content',function($scope,$http){
		$scope.pub_heads=[{label:'In Production',array:'in_productions',class:'boundary'},
				{label:'Pending',array:'pending_dev_qa'},
				{label:'In Progress',array:'in_dev_qa'},
				{label:'Cleared',array:'dev_cleared',class:'boundary'},
				{label:'Pending',array:'pending_rel_qa'},
				{label:'In Progress',array:'in_rel_qa'},
				{label:'Cleared',array:'rel_cleared',class:'boundary'},
				{label:'Queued',array:'queued'},
				{label:'Submitted',array:'submitted',class:'boundary'},
				//{label:'Rejected',array:''},
				//{label:'Rejected',array: 'released',class='reject_bac'}
			]
		
		//function get_companys() {
		//	$scope.loading=true;
		//	var post_data = {
		//		get_companys:{},
		//	};  
		//	$http.post(post_url,post_data)
		//	.success(function(data, status, headers, config) { 
		//		$scope.companys=data.get_companys.companys;
		//		$scope.loading=false;
		//	}).error(function(data, status, headers, config) {  
		//	    //处理错误 
		//	    $scope.std='有错误,返回码为:'+status;
		//	});
		//}
		$scope.companys=[
			{code:'chengdu',name:'Chengdu Moki'},
			{code:'guangzhou',name:'Guangzhou Rios'},
			{code:'nanjing',name:'Nanjing Mochang'},
			{code:'hongkong',name:'HongKong Nogo'}
		];
		$scope.icon={app_store:"/static/img/ios_store.png",
					gp_store:'/static/img/gp_store.png',
					amazon_store:'/static/img/amz_store.png'}
		
		$scope.chengdu__app_store={
			in_productions:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			pending_dev_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			in_dev_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			pending_rel_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			in_rel_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			rel_cleared:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			dev_cleared:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			queued:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			pending_release:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'},
							{appcode:'CODE1234G',team:'KTG',version:'V1.2'},
							{appcode:'CODE1234G',team:'KTG',version:'V1.2'}
			],
			rejected:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'},
					{appcode:'CODE1234G',team:'KTG',version:'V1.2'}
			],
		}
		$scope.chengdu__gp_store={
			in_productions:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			pending_dev_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			in_dev_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			pending_rel_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			in_rel_qa:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			rel_cleared:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			dev_cleared:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			queued:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'}],
			
			pending_release:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'},
							{appcode:'CODE1234G',team:'KTG',version:'V1.2'},
							{appcode:'CODE1234G',team:'KTG',version:'V1.2'}
			],
			submitted:[{appcode:'CODE1234G',team:'KTG',version:'V1.2'},
					{appcode:'CODE1234G',team:'KTG',version:'V1.2'}
			],
		}

		$scope.current={
			store:'app_store',
			stream_array:$scope.chengdu__app_store,
			company:{code:'chengdu',name:'Chengdu Moki'},
			}
		function array_total_length(name_array) {
			var length=0;
			for(x in name_array){
				var array=$scope.current.stream_array[name_array[x]]
				if(array){
					length+=array.length
				}
			}
			return length
		}
		$scope.get_dev_qa_count=function () {
			var name_array=['pending_dev_qa','in_dev_qa','dev_cleared']
			return array_total_length(name_array) 
			
		}
		$scope.get_rel_qa_count=function () {
			var name_array=['pending_rel_qa','in_rel_qa','rel_cleared']
			return array_total_length(name_array)
		}
		$scope.get_sub_count=function () {
			var name_array=['queued','submitted']
			return array_total_length(name_array)
		}
		$scope.get_release_count=function () {
			if($scope.current.store=='gp_store'){
				var name_array=['released']
			}else{
				var name_array=['released','rejected','pending_release']
			}
			return array_total_length(name_array)
		}
		var post_url='ajax/'
		function get_kanban_data() {
			$scope.loading=true;
			var post_data = {
				get_kanban_data:{company:$scope.current.company,store:$scope.current.store},
			};  
			$http.post(post_url,post_data)
			.success(function(data, status, headers, config) { 
				$scope[$scope.current.store]=data.get_kanban_data[$scope.current.store];
				$scope.loading=false;
			}).error(function(data, status, headers, config) {  
			    //处理错误 
			    $scope.std='有错误,返回码为:'+status;
			});
		}
		function get_week_and_days() {
			var post_data = {
				get_week_and_days:{},
			};  
			$http.post(post_url,post_data)
			.success(function(data, status, headers, config) { 
				//{week:'12',start:'Apr 28',end:'Apr 30',year:'2016'}
				$scope.weekday=data.get_week_and_days;
			}).error(function(data, status, headers, config) {  
			    $scope.std='有错误,返回码为:'+status;
			});
		}
		get_week_and_days();
		// 服务端时
		
		$scope.$watch('current.company',function(nv,ov){
			//get_kanban_data();
		
			
		})
		$scope.$watch('current.store',function(nv,ov){
			if(!$scope[nv]){
				//get_kanban_data();
			}
		})


	})
	
</script>



<style>
    /** {*/
        /*margin: 0;*/
        /*padding: 0;*/
    /*}*/
    li {
        list-style-type: none;
    }
    /*body {*/
        /*font-size: 12px;*/
    /*}*/
    .nav-tabs {
        margin-bottom: 15px;
    }
    .breadcrumb{
        display: none;
    }
    .board{ 
	    /*float:left;*/
        margin-top: -5px;
	    margin-right: 60px;
        padding-left: 0;
    }
   
    .shortcut{  
        /*float: left;*/
        /*margin-left: 30px;*/
        cursor: pointer;
        position: absolute;
        top: -2px;
        left: 520px;
    }
    /*@media (max-width: 1500px) {*/
        /*.shortcut{*/
            /*margin-left: 10px;*/
        /*}*/
    /*}*/
    .shortcut img{
        width: 20px;
        height: 20px;
    }

    .nav-tabs>li>a {
        text-decoration: none;
    }


    /*箭头导航栏样式*/
    .navbar {
        height: 24px;
        margin-bottom: 0;
        border-top: 1px solid #606060;
    }
    .navbar .tab {
        position: relative;
        background-color: #e5e5e5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e5e5e5));
        background: -webkit-linear-gradient(#f3f3f3, #e5e5e5);
        background: -moz-linear-gradient(#f3f3f3, #e5e5e5);
        box-shadow: inset 1px 1px 0 rgba(255,255,255,0.3);
        list-style: none;
        padding: 4px 12px 4px 25px;
        border-top: 1px solid #ABABAB;
        border-bottom: 1px solid #ABABAB;
        text-align: center;
        white-space:nowrap;
    }
    .navbar .tabs{
        position: relative;
        background-color: #e5e5e5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e5e5e5));
        background: -webkit-linear-gradient(#f3f3f3, #e5e5e5);
        background: -moz-linear-gradient(#f3f3f3, #e5e5e5);
        box-shadow: inset 1px 1px 0 rgba(255,255,255,0.3);
        list-style: none;
        padding: 4px 12px 4px 25px;
        border-top: 1px solid #ABABAB;
        border-bottom: 1px solid #ABABAB;
        text-align: center;
        white-space:nowrap;
    }

    .navbar .tab>p {
        font-size: 16px;
        font-weight: 800;
    }
    .navbar .tab>span {
        font-weight: 600;
    }
    .navbar .tabs>p {
        font-size: 16px;
        font-weight: 800;
    }
    .navbar .tabs>span {
        font-weight: 600;
    }
    .navbar .tab:after, .navbar .tab:before {
        border: 25px solid transparent;
        border-left: 11px solid #EBEBEB;
        width: 0;
        height: 0;
        z-index: 888;
        position: absolute;
        top: -2px;
        right: -32px;
        content: ' '
    }
    .navbar .tab:before {
        border-left-color: #707070;
        right: -34px;
    }


    /*表格部分样式*/
    .production_Kanban th,.production_Kanban td {
        text-align: center;
    }
    /*.production_Kanban td {
        cursor: pointer;
    }*/
    .production_Kanban>tbody>tr>th:first-child {
        position: relative;
    }
    .production_Kanban>tbody>tr>th,
    .production_Kanban>tbody>tr>td{
        border-right: 1px solid #d9d9d9;
    }
    .production_Kanban>tbody>tr>td{
        border-top: none !important;
        min-width: 120px !important;
        padding: 0;
        padding: 6px 6px 4px 10px;
    }
    .production_Kanban>tbody>tr>th{
        border-bottom: 1px solid #d9d9d9;
        padding: 0;
        padding: 5px 8px;
    }
        .production_Kanban>thead>tr>th>span{
        display: block;
        /*padding: 3px 0;*/
    }
     .production_Kanban>tbody>tr>td>ul{
        overflow: hidden;
        margin: 0 !important;
    }
    .production_Kanban>tbody>tr>td>ul>li{
        overflow: hidden;
        clear: both;
        margin-bottom: 6px;
        cursor: pointer;
    } 
    .appImg {
        position: absolute;
        top: 8px;
        left: 6px;
        width: 25px;
        height: 25px;
    }
    .appLogo {
        width: 40px;
        height: 40px;
        border-radius: 4px;
        background: #dddd00;
        display: inline-block;
        float: left;
        /*margin-left: 3px;*/
    }
    /*@media (max-width: 1900px) {*/
        /*.appLogo {*/
            /*margin-left: 6px;*/
        /*}*/
    /*}*/
    /*@media (max-width: 1850px) {*/
        /*.appLogo {*/
            /*margin-left: 0;*/
        /*}*/
    /*}*/
    .appInfo {
        background: #f6f6f6;
        width: 90%; /*以后添加APP logo时更改此宽度*/
        padding: 2px 5px;
        float: left;
        display: inline-block;
    }
    .appInfo:hover{
        background: #d9d9d9;
    }

    /*.appInfo:hover span{*/
        /*margin-left: 5px;*/
    /*}*/
    /*.appName:hover {*/
        /*color: #0F769F;*/
    /*}*/

    .appInfo>span {
        display: block;
        text-align: left;
    }
    .appName {
        font-weight: 600;
    }
    .grays {
        color: #999999;
    }
    .versionNum{
        float: left;
    }
    .temeNum{
        float: right;
    }

    /*分界线*/
    .boundary {
        border-right: 2px solid #707070 !important;
    }
    /*被拒绝的申请*/
    .production_Kanban>tbody>tr>.reject {
        cursor: default;
        background: #FF3366;
    }
    .reject>.reject_bac {
        display: block;
        /*margin: 6px auto 10px auto;*/
        /*padding: 6px 0;*/
        background: #FF3366;
    }
    .item_panel.ng-hide-remove{
	    transition:opacity 0.3s ease-in-out;
    }
    .ng-hide{
	    opacity: 0;
	    /*-moz-opacity: 0;
	    filter:alpha(opacity=0);*/
    }
    .store_active img{
	    background-color: red;
    }
    /*#circle{
	    transition:all 0.3s;
	    color: green;
    }*/
    .wrap_layer{
	    position: fixed;
	    width:100%;
	    height:100% ;
	    z-index:1000;
	    opacity:0.2;
	    background-color: #DDD;

    }
    .spin_wrap{
	     position: fixed;
	    width:100%;
	    height:100% ;
	    z-index:1001;
	    text-align: center;
	    vertical-align: middle;
    }
	.fa-spinner{
		position: absolute;
		top: 40%;
		left:40%;
	}
    .hed_border{
        height: 1px;
        background: #999999;
        /*margin-top: 4px;*/
    }
</style>
<div ng-app='pts' ng-controller='content'>
	<div class='wrap_layer' ng-show='loading'>
	</div>
	<div class='spin_wrap' ng-show='loading'>
		<i class="fa fa-spinner fa-spin fa-3x"></i>
	</div>
    <div>
        <div style="position: relative;margin-bottom: 10px;overflow: hidden">
	        <h3 class="board">
		        Production Kanban Board - Week 
		        <span ng-bind='weekday.week'>13</span> 
		        	( <span ng-bind='weekday.start'>Mar 28</span>
		        	 - <span ng-bind='weekday.end'>Mar 29</span> 
		        	<span ng-bind='weekday.year'>2016</span>)</h3>
		    <!--选择公司-->
            <ul class="nav nav-tabs" 
            	style='position: absolute;right: 10px;top:-2px;margin-top: 2px;margin-left: 800px'>
	            <li ng-repeat='company in companys' 
	            	ng-class='{"active":company.code==current.company.code}'>
		            <a href='#' ng-click='current.company=company' data-toggle="tab"> 
			            <span ng-bind='company.name'></span> 
			        </a>
	            </li>
            </ul>
            <!--选择商店-->
            <ul class="nav nav-tabs shortcut" >
	            <li ng-class='{"active":current.store=="app_store"}' 
	            	ng-click='current.store="app_store"'>
		            <a href='#'  data-toggle="tab"> 
			            <img src="/static/img/ios_store.png" >
			        </a>
	            </li>
	            <li ng-class='{"active":current.store=="gp_store"}'
	            	 ng-click='current.store="gp_store"' >
		             <a href='#'  data-toggle="tab"> 
			           <img src="/static/img/gp_store.png" >
			        </a>
	            </li>
	            <li ng-class='{"active":current.store=="amazon_store"}' 
	            	ng-click='current.store="amazon_store"'>
		             <a href='#' data-toggle="tab"> 
			            <img src="/static/img/amz_store.png"/>
			        </a>
	            </li>
            </ul>
            <div class="hed_border"></div>
        </div>
        <div class="clearfix"></div>
          <table class="table table-bordered production_Kanban">
                <thead>
                <tr class="navbar">
                    <th class="tab" colspan="1">
                        <img ng-src='[[icon[current.store] ]]' class="appImg"/>
                        <p><span ng-bind='current.stream_array.in_productions.length'></span></p>
                        <span>In Production </span>
                    </th>
                    <th class="tab" colspan="3">
                        <p><span ng-bind='get_dev_qa_count()'></span></p>
                        <span>Dev QA </span>
                    </th>
                    <th class="tab" colspan="3">
                        <p><span ng-bind='get_rel_qa_count()'></span></p>
                        <span>Release QA </span>
                    </th>
                    <th class="tab" colspan="2">
                        <p><span ng-bind='get_sub_count()'></span></p>
                        <span>Submission </span>
                    </th>
                    <th class="tabs" colspan="2">
                        <p><span ng-bind='get_release_count()'></span></p>
                        <span>Release </span>
                    </th>
                </tr>
                </thead>
                	<tbody class='item_panel'>
<!-------------------------------head---------------------------->
    <tr>
    	<th ng-class='head.class' ng-repeat='head in pub_heads'>
        	<span>
            	<span ng-bind='head.label'></span> - (
            	<span ng-bind='current.stream_array[head.array].length'></span>)
        	</span>
    </th>
	<!--苹果和亚马逊的特殊头-->
	<th class="reject" ng-if='current.store=="app_store"||current.store=="amazon_store"'>
    <span class="reject_bac"> 
        Rejected - (<span ng-bind='current.stream_array.rejected.length'></span>)
        </span>
    </th>
    <th ng-if='current.store=="app_store"||current.store=="amazon_store"'>
        <span> Released - (<span ng-bind='current.stream_array.released.length'></span>) </span>
    </th>


	<!--谷歌特殊头-->

	<th colspan="2" ng-if='current.store=="gp_store"'>
        <span> Released - (<span ng-bind='current.stream_array.released.length'></span>) </span>
    </th>

	</tr>
<!----------------------------------body ----------------------------------->
    	<tr>
        	<!--公共字段-->
        	<td ng-class='head.class' ng-repeat='head in pub_heads'>
            <!--<span class="appLogo"></span>-->
            <app-cell applist='current.stream_array[head.array]'></app-cell>
        	</td>
        	
        	<!--苹果亚马逊特殊字段-->
	        <td ng-if='current.store=="app_store"||current.store=="amazon_store"'>
                <app-cell applist='current.stream_array.rejected'></app-cell>
                <ul>
                    <li style="border: 2px solid #bfbfbf;background: #fffff0;padding: 8px 5px">
                        <span> Pending Release </span>
                        <span>(<span ng-bind='current.stream_array.pending_release.length'></span>)</span>
                    </li>
            	</ul>
            	<app-cell applist='current.stream_array.pending_release'></app-cell>
            </td>
            <td ng-if='current.store=="app_store"||current.store=="amazon_store"'>
	            <app-cell applist='current.stream_array.released'></app-cell>
            </td>
        </span>
	       
            <!--谷歌特殊字段-->

	         <td ng-if='current.store=="gp_store"'>
	            <ul>
                    <li ng-repeat='app in current.stream_array.released' ng-if='$even'>
                        <!--<span class='appLogo'></span>-->
                        <span class='appInfo'>
                            <span class='appName' ng-bind='app.appcode'></span>
                            <span class='grays versionNum' ng-bind='app.version'>V1.2</span>
                            <span class='grays temeNum' ng-bind='app.team'>Squad 1</span>
                        </span>
                    </li>
            	</ul>
	        </td>  
            <td ng-if='current.store=="gp_store"'>
	            <ul>
                    <li ng-repeat='app in current.stream_array.released' ng-if='$odd'>
                        <!--<span class='appLogo'></span>-->
                        <span class='appInfo'>
                            <span class='appName' ng-bind='app.appcode'></span>
                            <span class='grays versionNum' ng-bind='app.version'>V1.2</span>
                            <span class='grays temeNum' ng-bind='app.team'>Squad 1</span>
                        </span>
                    </li>
            	</ul>
	        </td>  
 
            
	         	
	  </tr>
	                </tbody>
	                
					<!--<tbody id="app_store" ng-show='current.store=="app_store"' class='item_panel'>
                    <tr>
                        <th class="boundary">
                            <span> In Production - (
                            	<span ng-bind='app_store.in_productions.length'></span>)
                            </span>
                        </th>
                        <th>
                            <span> Pending - (<span ng-bind='app_store.pending_dev_qa.length'></span>)</span>
                        </th>
                        <th>
                            <span> In Progress - (<span ng-bind='app_store.in_dev_qa.length'></span>)</span>
                        </th>
                        <th class="boundary">
                            <span> Cleared - (<span ng-bind='app_store.in_dev_qa.length'></span>) </span>
                        </th>

                        <th>
                            <span> Pending - (<span ng-bind='app_store.pending_rel_qa.length'></span>)</span>
                        </th>
                        <th>
                            <span> In Progress - (<span ng-bind='app_store.in_rel_qa.length'></span>) </span>
                        </th>
                        <th class="boundary">
                            <span>  Cleared - (<span ng-bind='app_store.qa_cleared.length'></span>)  </span>
                        </th>
                        <th>
                            <span> Packaging </span>
                            <span>(<span ng-bind='app_store.packageing.length'></span>)</span>
                        </th>
                        <th>
                            <span> Queued - (<span ng-bind='app_store.qa_cleared.length'></span>)  </span>
                        </th>
                        <th class="boundary">
                            <span> Submitted - (<span ng-bind='app_store.wait_review.length'></span>)</span>
                        </th>
                        <th class="reject">
                            <span class="reject_bac"> Rejected - (<span ng-bind='app_store.pending_release.length'></span>)</span>
                        </th>
                        <th>
                            <span> Released - (<span ng-bind='app_store.wait_review.length'></span>) </span>
                        </th>
                    </tr>
                    
					<tr>
                        <td class="boundary">
                            <span class="appLogo"></span>
	                        <app-cell applist='app_store.in_productions'></app-cell>
                        </td>
                        <td>
	                         <app-cell applist='app_store.pending_dev_qa'></app-cell>
                        </td>
                        <td>
	                        <app-cell applist='app_store.in_dev_qa'></app-cell>
                        </td>
                        <td class="boundary"></td>

                        <td>
	                        <app-cell applist='app_store.pending_rel_qa'></app-cell>
                        </td>
                        <td>
	                        <app-cell applist='app_store.in_rel_qa'></app-cell>
                        </td>
                        <td class="boundary">
	                        <app-cell applist='app_store.qa_cleared'></app-cell>
                        </td>
                        <td>
	                        <app-cell applist='app_store.packageing'></app-cell>
                        </td>
                        <td>
	                        <app-cell applist='app_store.wait_review'></app-cell>
                        </td>
                        <td class="boundary"></td>
                        <td>
	                        <app-cell applist='app_store.pending_release'></app-cell>
	                        <ul>
		                        <li style="border: 2px solid #bfbfbf;background: #fffff0;padding: 8px 5px">
		                            <span> Pending Release </span>
		                            <span>(<span ng-bind='app_store.rejected.length'></span>)</span>
		                        </li>
                        	</ul>
                        	<app-cell applist='app_store.rejected'></app-cell>
                        </td>
                        <td></td>
                    </tr>
					
                    </tbody>
-->
					<!--<tbody id="gp_store" ng-show='current.store=="gp_store"' class='item_panel'>
                    <tr>
                        <th class="boundary">
                            <span> In Production - (<span ng-bind='gp_store.in_productions.length'></span>)</span>
                        </th>
                        <th>
                            <span> Pending - (<span ng-bind='gp_store.pending_dev_qa.length'></span>)</span>
                        </th>
                        <th>
                            <span> In Progress - (<span ng-bind='gp_store.in_dev_qa.length'></span>) </span>
                        </th>
                        <th class="boundary">
                            <span> Cleared - ()</span>
                        </th>

                        <th>
                            <span> Pending - (<span ng-bind='gp_store.pending_rel_qa.length'></span>)</span>
                        </th>
                        <th>
                            <span> In Progress - (<span ng-bind='gp_store.in_rel_qa.length'></span>)</span>
                        </th>
                        <th class="boundary">
                            <span> Cleared - (<span ng-bind='gp_store.qa_cleared.length'></span>)</span>
                        </th>
                   
                        <th>
                            <span> Queued - (<span></span>)  </span>
                        </th>
                        <th class="boundary">
                            <span> Submitted - (<span></span>)</span>
                        </th>
             
                        <th colspan="2">
                            <span> Released - (<span></span>) </span>
                        </th>
                    </tr>
                    <tr>
                        <td class="boundary">
	                        <app-cell applist='gp_store.in_productions'></app-cell>
                        </td>
                        <td>
	                         <app-cell applist='gp_store.pending_dev_qa'></app-cell>
                        </td>
                        <td>
	                        <app-cell applist='gp_store.in_dev_qa'></app-cell>
                        </td>
                        <td class="boundary"></td>

                        <td>
	                        <app-cell applist='gp_store.pending_rel_qa'></app-cell>
                        </td>
                        <td>
	                        <app-cell applist='gp_store.in_rel_qa'></app-cell>
                        </td>
                        <td class="boundary">
	                        <app-cell applist='gp_store.qa_cleared'></app-cell>
                        </td>
                      
                        <td>
                            <app-cell applist='gp_store.in_rel_qa'></app-cell>
                        </td>
                        <td class="boundary">
                            <app-cell applist='gp_store.qa_cleared'></app-cell>
                        </td>
                   
                        <td>
	                         <ul>
		                        <li ng-repeat='app in gp_store.sub_and_rel' ng-if='$odd'>
		                            <span class='appLogo'></span>
		                            <span class='appInfo'>
		                                <span class='appName' ng-bind='app.appcode'></span>
		                                <span class='grays versionNum' ng-bind='app.version'>V1.2</span>
		                                <span class='grays temeNum' ng-bind='app.team'>Squad 1</span>
		                            </span>
		                        </li>
	                    	</ul>
	                    	
                        </td>
                    </tr>
                    </tbody>-->
                </table>

        <!--<div class="tab-content">
	        
	        
            <div class="tab-pane fade active in" id="chengdu">
              33
            </div>

			<div class="tab-pane fade" ng-repeat='company in companys'>
                <span ng-bind='company.name'></span>
            </div>
            

            <div class="tab-pane fade" id="nanjing">
                333
            </div>

            <div class="tab-pane fade" id="hongkong">
                444
            </div>

        </div>-->
    </div>
</div>

<!--<script type="text/javascript" src="/static/js/jquery.min.js"></script>-->
<script type="text/javascript" src="/static/js/bootstrap.js"></script>

<script>

</script>
{% endblock %}


